<template>
    <div>
        <h1>{{ title }}</h1>
        <!-- 头部 -->
        <div class="utiltop">
            <slot name="header"></slot>
        </div>
        <!-- 主体 -->
        <div class="utilbody">
            <slot></slot>
        </div>
        <!-- 尾部 -->
        <div class="utilbottom">
            <slot name="footer"></slot>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        title: String
    }
}
</script>